/*
Theme Name:     UematsuSoft
Theme URI:      http: //example.com/
Description:    CSS3 Style sheet for Uematsu Soft site theme
Author:         Domingos Freitas
Author URI:     http: //example.com/about/
Template:       uematsusoft
Version:        1.0.0
*/

/* This is the custom header image */
/*
#branding img {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
*/

.socialLink {
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
}

.socialLink:hover {
    -webkit-transition: top .5s ease-in-out;
    -moz-transition: top .5s ease-in-out;
    -o-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
}

.hentry {
        
    -webkit-opacity: .80;
    -moz-opacity: .80;
    -o-opacity: .80;
    opacity: .80;

    background-color: rgba(230,226,223,.45);
    
    -webkit-box-shadow: 0px 0px 10px #AFAA9E;
    -moz-box-shadow: 0px 0px 30px #AFAA9E;
    -o-box-shadow: 0px 0px 30px #AFAA9E;
    box-shadow: 0px 0px 30px #AFAA9E;
    

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-text-shadow: #FFF 0px 1px 1px;
    -moz-text-shadow: #FFF 0px 1px 1px;
    -o-text-shadow: #FFF 0px 1px 1px;
    text-shadow: #FFF 0px 1px 1px;
    
}
/*
.programming img {

	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
	transform: scale(1.0, 1.0);	
	-webkit-transform: scale(1.0, 1.0);	
    -moz-transform: scale(1.0, 1.0);	
    -o-transform: scale(1.0, 1.0);
    
}

.programming img:hover {

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    	
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);	
    -o-transform: scale(1.1, 1.1);	
    transform: scale(1.1, 1.1);

    -webkit-box-shadow: 0px 0px 30px #0099cc;
    -moz-box-shadow: 0px 0px 30px #EEE;
    box-shadow: 0px 0px 30px #EEE;
     
}
*/
#portf .webportf-item .image {
    opacity: .50;

    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

#portf .webportf-item .image:hover {
    opacity: 1;

}

#portf .webportf-item .image img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#portf .progportf-item .image {
    opacity: .50;

    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

#portf .progportf-item .image:hover {
    opacity: 1;

}

#portf .progportf-item .image img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#imgPreview {
	width: 250px;
	height: 250px;
	border: 3px solid #09C;
	text-align: center;
	vertical-align: middle;
	
	border-radius: 5px;
}

#imgPreview img {	
	border-radius: 3px;
}

#imgThumbs img {
	opacity: 0.45;
}

#imgThumbs img.active{
	opacity: 1;
}

/* = Categories
---------------------------------------------------------------- */
.category-block {
	
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
	transform: scale(1.0, 1.0);	
	-webkit-transform: scale(1.0, 1.0);	
    -moz-transform: scale(1.0, 1.0);	
    -o-transform: scale(1.0, 1.0);
}

.category-block:hover {
	
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);	
    -o-transform: scale(1.1, 1.1);	
    transform: scale(1.1, 1.1);

	-webkit-box-shadow: 0px 0px 10px #960;
    -moz-box-shadow: 0px 0px 10px #960;
    -o-box-shadow: 0px 0px 10px #960;
    box-shadow: 0px 0px 10px #960;

    cursor: pointer;
}

.category-block .catNPosts {	
	
	-webkit-box-shadow: 0px 0px 3px #09C;
    -moz-box-shadow: 0px 0px 3px #09C;
    -o-box-shadow: 0px 0px 3px #09C;
    box-shadow: 0px 0px 3px #09C;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}